<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
    <script type="text/javascript" src="./ueditor.parse.js"></script>
    <script type="text/javascript">
        uParse('body',{rootPath: '/static/bingher/ueditor'});
    </script>
</head>
<body>
    <pre><code class="line-numbers language-php">&lt;?php
     &nbsp; &nbsp;echo &quot;hello world!&quot;;</code></pre>
    <p>
        <br/>
    </p>
    <div class="audio-wrapper" id="1591954465942" style="background-color: #fcfcfc;margin: 10px auto;max-width: 670px;height: 90px;border: 1px solid #e0e0e0;">
        <audio>
            <source src="http://www.efileyun.cn/test.mp3"/>
        </audio>
        <div class="audio-left" style="float: left;text-align: center;width: 22%;height: 100%;">
            <img src="/static/bingher/ueditor/third-party/H5-audio/image/play.png" class="playicon" style="width: 40px;position: relative;top: 25px;margin: 0;display: initial;cursor: pointer;"/><img src="/static/bingher/ueditor/third-party/H5-audio/image/pause.png" class="pauseicon" style="width: 40px;position: relative;top: 25px;margin: 0;display: none;cursor: pointer;"/>
        </div>
        <div class="audio-right" style="margin-right: 5%;float: right;width: 73%;height: 100%;">
            <p class="audio-title" style="max-width: 490px; font-size: 15px; height: 35%; margin: 8px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
                test.mp3
            </p>
            <div class="progress-bar-bg" style="background-color: #d9d9d9;position: relative;height: 2px;cursor: pointer;">
                <span class="progress-dot" style="content: &#39; &#39;;width: 12px;height: 12px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background-color: #3e87e8;position: absolute;left: 0;top: -5px;margin-left: 0px;cursor: pointer;"></span>
                <div class="progress-bar" style="background-color: #649fec;width: 0;height: 2px;"></div>
            </div>
            <div class="audio-time" style="overflow: hidden;margin-top: -1px;">
                <span class="audio-length-current" style="float: left;margin-top:10px;font-size: 12px;color: #969696">00:00</span><span class="audio-length-total" style="float: right;margin-top:10px;font-size: 12px;color: #969696">04:05</span>
            </div>
        </div>
    </div>
    <p>
        <br/>
    </p>
<script>
    // window.onload = function () {
    //     initAudio();
    // };
</script>
</body>
</html>